<div ng-init="init();" class="kmi-layout-content B0214-content">
    <div class="kmi-header-row" ng-class="{'disconection':disconnection,'aside-left':showSlight()}">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="andom-content" style="display: flex;" ng-if="showSlight();" ng-class="{'exist':showSlight()}">
            <div class="andom-btn" ng-repeat="(type_no, count) in slight_details" ng-class="{'warning':count > 0, 'btn-end':$last}">
                <div class="andom-dot" ng-show="count > 0" ng-bind="count"></div>
                <label ng-bind="'mailbox.slight_type.t_' + type_no | translate">机台</label>
                <div class="kmi-can-click" ng-click="showSlightList(type_no);"></div>
            </div>
        </div>
        <div class="header-title" ng-bind="'B0214.title' | translate:{machine:dashboard.machineStatusPlus.selectMachine.machine_display}"></div>
        <button ng-click="refresh();" class="refresh">
            <img src='image/smes_v340/W_Com_Reload_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
         <div class="kmi-layout-page">
            <div class="section user-content" style="flex:0 0 120px;" ng-class="[dashboardPanel[0], (dashboard[dashboardPanel[0]].isContentHide?'is-closed':''),slightModuleCss]" ng-include="dashboard[dashboardPanel[0]].templateUrl"></div>
        	<!-- 安燈按鈕模塊 slight-module -->
            <div class="section slight-module" style="flex:0 0 100px;" ng-class="[dashboardPanel[6], (dashboard[dashboardPanel[6]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[6]].templateUrl" ng-show="slightModule === '1'"></div> 
            <div class="machine-content" ng-class="{'max' : dashboard[dashboardPanel[0]].isContentHide}">
                <div class="kmi-layout-page left-page" ng-class="{'is-closed':dashboard[dashboardPanel[4]].isContentHide}">
                    <div class="section" ng-class="[dashboardPanel[1], (dashboard[dashboardPanel[1]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[1]].templateUrl"></div>
                    <div class="left-inner-page" ng-class="[isInnerContentHide?'is-closed':'']">
                        <div class="section" ng-class="[dashboardPanel[2], (dashboard[dashboardPanel[2]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[2]].templateUrl"
                            style="margin-right:12px;"
                        ></div>
                        <div class="section" ng-class="[dashboardPanel[3], (dashboard[dashboardPanel[3]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[3]].templateUrl"></div>
                    </div>
                </div>
                <div class="kmi-layout-page right-page" ng-class="{'is-opened':!dashboard[dashboardPanel[4]].isContentHide}">
                    <div class="section" ng-class="[dashboardPanel[4]]" ng-include="dashboard[dashboardPanel[4]].templateUrl"></div>
                </div>
            </div>
            <div class="section dashboard-content" ng-class="[dashboardPanel[5], (dashboard[dashboardPanel[5]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[5]].templateUrl"></div>
            <div class="menu-bar" ng-include="'module/moduleB/program/B02/B0201/MenuBar.tmp.html'"></div>
        </div>
    </div>
</div>
